{% extends '../base.html' %}

{% block main %}
<div class="page">
    {% block body %}
    {% end %}
        
    <footer class="footer">
        <div class="container">
            <div class="row align-items-center flex-row-reverse">
                <div class="col-auto ml-lg-auto">
                    Tip: ui模板参考于 <a href="https://github.com/tabler/tabler" target="_blank">tabler</a>
                </div>
                <div class="col-auto ml-lg-auto">
                    链接：<a href="/manage/index" target="_blank" rel="noopener noreferrer">后台管理</a>
                </div>
                <div class="col-12 col-lg-auto mt-3 mt-lg-0 text-center">
                    Copyright © 2020 <a href="/">Mason-BLOG</a>. 如有任何疑问,请发送邮件至 heliangyuan10@163.com.
                </div>
            </div>
        </div>
    </footer>
</div>
<div class="fixation">
    <button type="button" class="btn bg-blue-darkest " onclick="getTop()"><i class="fe fe-chevrons-up"></i>TOP</button>
    <button type="button" class="btn bg-blue-darkest " onclick="goHome()"><i class="fe fe-arrow-left-circle"></i>返回</button>
</div>

<script>
    function getTop(){
        $("html, body").animate({scrollTop:"0px"}, 500)
    }
    function goHome() {
        history.back()
    }
</script>


{% end %}